<template>
  <div class="privacy-page">
    <div v-html="content"></div>
	<!-- <div v-t.preserve="privacy-val"></div> -->
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
const { t } = useI18n();
const content = ref('')
onMounted(() => {
  content.value = `
    <div class="privacy-content">
      <p class="p"><b>${t("privacy_title")}</b></p>
      <p class="p"><b>${t("privacy_effectiveDate")} </b><b>1 Agustus 2024</b></p>
      <p class="p">
	${t("privacy_intro")}
</p>
<p class="p">
	<b>${t("privacy_section1_title")}</b> 
</p>
<p class="p">
	${t("privacy_section1_desc")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_directCollection")}</b>${ t('privacy_section1_direct')}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_autoCollection")}</b>${t("privacy_section1_auto")}
</p>
<p class="p">
	${t("privacy_section1_types")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_personalInfo")}</b>${t("privacy_section1_identity")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_financialInfo")}</b>${t("privacy_section5_record")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_techInfo")}</b>${t("privacy_section1_tech")}
</p>
<p class="p">
	<b>${t("privacy_section2_title")}</b> 
</p>
<p class="p">
${t("privacy_section2_desc")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_investService")}</b>${t("privacy_section2_invest")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_customerSupport")}</b>${t("privacy_section2_support")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_serviceImprove")}</b>${t("privacy_section2_improve")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_compliance")}</b>${t("privacy_section2_law")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_marketing")}</b>${t("privacy_section2_marketing")}
</p>
<p class="p">
	<b>${t("privacy_section3_title")}</b> 
</p>
<p class="p">
	${t("privacy_section3_desc")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_encryption")}</b>${t("privacy_section3_encrypt")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_accessControl")}</b>${t("privacy_section3_access")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_backup")}</b>${t("privacy_section3_backup")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_firewall")}</b>${t("privacy_section3_firewall")}
</p>
<p class="p">
	${t("privacy_section3_tip")}
</p>
<p class="p">
	<b>${t("privacy_section4_title")}</b> 
</p>
<p class="p">
	${t("privacy_section4_desc")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_serviceProvider")}</b>${t("privacy_section4_provider")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_legalRequirement")}</b>${t("privacy_section4_law")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_companyRights")}</b>${t("privacy_section4_rights")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_merger")}</b>${t("privacy_section4_merge")}
</p>
<p class="p">
	<b>${t("privacy_section5_title")}</b> 
</p>
<p class="p">
	${t("privacy_section5_desc")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_investmentRecord")}</b>${t("privacy_section5_record")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_regulation")}</b>${t("privacy_section5_regulation")}
</p>
<p class="p">
	${t("privacy_section5_delete")}
</p>
<p class="p">
	<b>${t("privacy_section6_title")}</b> 
</p>
<p class="p">
	${t("privacy_section6_desc")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_accessRight")}</b>${t("privacy_section6_access")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_correctRight")}</b>${t("privacy_section6_correct")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_deleteRight")}</b>${t("privacy_section6_delete")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_limitRight")}</b>${t("privacy_section6_limit")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_portability")}</b>${t("privacy_section6_port")}
</p>
<p class="p">
	${t("privacy_section6_tip")}
</p>
<p class="p">
	<b>${t("privacy_section7_title")}</b> 
</p>
<p class="p">
	${t("privacy_section7_desc")}
</p>
<p class="p">
	<b>${t("privacy_section8_title")}</b> 
</p>
<p class="p">
	${t("privacy_section8_desc")}
</p>
<p class="p">
	<b>${t("privacy_section9_title")}</b> 
</p>
<p class="p">
	${t("privacy_section9_desc")}
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("about_email")}</b>:&nbsp;<span style="color:#171A1D;font-family:Helvetica, Tahoma, Arial, &quot;background-color:#F2F2F6;"><a href="connect@EstelarOlas.com" target="_blank">connect@EstelarOlas.com</a></span>
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b><span>Web</span></b><b><span>：</span><span>www.EstelarOlas.com</span></b> 
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_section9_tel")}</b>: +44 07729853277
</p>
<p class="MsoNormal" style="margin-left:36.0000pt;text-indent:-18.0000pt;">
	·&nbsp;<b>${t("privacy_companyAddress")}</b>${t("privacy_section9_addr")}
</p>
<p class="MsoNormal" align="justify" style="text-align:justify;">
	&nbsp;
</p>
    </div>
  `
})
</script>

<style scoped>
.privacy-page {
  color: rgb(255, 255, 255);
  padding: 17px;
  font-size: 13px;
  margin-bottom: 22px;
}

:deep(.p) {
  margin: 0 !important;
  line-height: 1.4;
}
</style>
